/* 
    Document   : style
    Created on : Dec 18, 2008, 12:10:30 PM
    Author     : hp02
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

.header {
    padding:10px;
    background-color:#3b5998;
}

.table_menu {
    /*border-bottom:6px solid #6d84B4;*/
    padding-bottom:5px;
}

.top_menu {
    font-weight:bold;
    font-size:13px;
}

.top_menu a {
    color:#ffffff;
    text-decoration:none;
}

.logout {
    font-size:13px;
    color:#9eb5bd;
}

.logout a {
    font-size:11px;
    text-decoration:none;
    color:#ffffff;
    background-color:#4f6aa3;
    padding-left:4px;
    padding-right:4px;
    border:1px solid #6d84b4;
}

.logout a:hover {
    background-color:#3b5998;
}

.content_display {
    font-size: 12px;
}

.content_display h3 {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.content_display table {
    font-size: 12px;
}

.content_display .table_header {
    background-color:#3b5998;
}
.content_display .table_footer td {
  background-color:#3b5998;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 9px;
  color: #ffffff;
}

.content_display th {
  border-left-style: outset;
  border-right-style: outset;
  border-left-width: 1px;
  border-right-width: 1px;
  border-left-color: #0066cc;
  border-right-color: #0066cc;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}

.content_display td {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-bottom-width: 1px;
}

.content_display table a, .content_display table a:visited, .content_display table a:active {
  padding-bottom:0px;
  padding-top:0px;
  padding-left:4px;
  padding-right:4px;
  font-size:12px;
  color: #777777;
  text-decoration: none;
  background-color:#eff3fa;
  border:1px solid #e2e6ee;
}

.content_display table a:hover {
  background-color:#d3d9e7;
  color:#666666;
}

.content_display .menucon, .content_display td.menucon a {
    text-decoration: none;
    border:1px solid #666666;
    background-color:#f0f0f0;
    color:#000000;
    font-size:12px;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:4px;
    padding-right:4px;
}

.content_display td.menucon a {
    text-decoration: none;
    border:0px;
}

.content_display td.menucon a:hover {
    text-decoration:underline;
}

.header {
    
}

.footer {
    font-size: 10px; 
    padding-bottom: 5px;
    padding-top: 5px;
    background-color:#3b5998;
    color:#ffffff;
}

root { 
    display: block;
}

.username_txt {
    width: 250px;
    height: 22px;
    border: 2px solid #bcc3c9;
    background-color: #e4eaef;
    font-size:16px;
    font-weight: bold;
}

.username_txt:focus {
    background-color: #ffffff;
}

.password_txt {
    width: 250px;
    height: 22px;
    border: 2px solid #bcc3c9;
    background-color: #e4eaef;
    font-size:16px;
    font-weight: bold;
}

.password_txt:focus {
    background-color: #ffffff;
}

.halaman_login_03 {
    background-image: url(../images/halaman_login_03.png);
}

.halaman_login_01 {
    background-image: url(../images/halaman_login_01.png);
    height: 48px;
}

.halaman_login_02 {
    background-image: url(../images/halaman_login_02.png);
    height: 552px;
    background-repeat: no-repeat;
}

.halaman_login_04 {
    background-image: url(../images/halaman_login_04.png);
}

.halaman_login_05 {
    background-image: url(../images/halaman_login_05.png);
    height: 21px;
}

.halaman_login_06 {
    background-image: url(../images/halaman_login_06.png);
    height: 412px;
}

.halaman_login_07 {
    background-image: url(../images/halaman_login_07.png);
    height: 19px;
    background-repeat: no-repeat;
}

.halaman_login_08 {
    background-image: url(../images/halaman_login_08.png);
    height: 19px;
}

.halaman_login_09 {
    height: 0px;
}

.halaman_login_10 {
    background-image: url(../images/halaman_login_010.png);
   
}

.halaman_login_14 {
    background-image: url(../images/halaman_login_14.png);
    height: 391px;
}

.halaman_login_16 {
    background-image: url(../images/halaman_login_16.png);
    height: 19px;
}

.halaman_login_20 {
    background-image: url(../images/halaman_login_20.png);   
}

.halaman_login_21 {
    background-image: url(../images/halaman_login_21.png);   
    width: 78px;
    height: 307px;
}

.menu_column {
    width: 100px;
}

.critical {
    background-color:#ffffbb;
}
.ok {
    background-color:#ffffff;
}
.good {
    background-color:#aaffaa;
}

.warning_link {
    background-color:#ffffbb;
    font-weight:bold;
    border:solid 1px #ddddbb; 
    padding:5px;
    width:50%;
    text-align:center;
    margin-bottom:10px;
    margin-top:5px;
}

.warning_link a, .warning_link a:visited, .warning_link a:active {
    color:#000000;
    border-bottom:#9eb5bd 1px dashed;
    text-decoration:none;
}
.warning_link a:hover {
    color:#000000;
    border-bottom:#000000 1px solid;
}

.notification {
    padding:7px;
    border:1px solid #aaaaaa;
    width:400px;
    background-color:#f6f6f6;
}

.greating {
    font-weight:bold;
    color:#ffffff;
}

